﻿<div id="panel5" class="container">
    <update-meta property="og:title" content="Penang Realty世界地產 RPGT Calculator" />
    <update-meta property="og:url" content="http://www.penangrealty.my/Rpgt" />
    <h3> <u> RPGT </u></h3>
    <div class="alert alert-warning" ng-show="warning">
        <button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>
        <ul ng-repeat="msg in warning">
            <li class="glyphicon glyphicon-warning-sign">{{msg.msg}}</li>
        </ul>
    </div>
    <div class="alert alert-danger" ng-show="error">
        <button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>
        <span class="glyphicon glyphicon-ban-circle"></span>
        <span>{{error}}</span>
    </div>

    <div class="alert alert-info" ng-show="info">
        <button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>
        <span class="glyphicon glyphicon-ban-circle"></span>
        <span>{{info}}</span>
    </div>
    <div class="form-group">
        <table class="table table-condensed table-responsive borderless">
            <tbody>
                <tr>

                    <td class="col-sm-2">
                        <label>Property Price (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtPropertyPrie" type="number" placeholder="Property Price" class="form-control" ng-model="propertyPrice" tabindex="6" style="width: 100%" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Selling Price (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtSellingPrice" type="number" placeholder="Selling Price" class="form-control" ng-model="sellingPrice" tabindex="6" style="width: 100%" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Holding Perirod (year)</label>
                    </td>

                    <td class="col-sm-10">
                        <input id="txtHoldingYear" type="number" class="form-control" placeholder="Holding Year" ng-model="holdingYear" tabindex="6" style="width: 100%" />
                        <!--<p class="input-group">
                            <input type="date" class="form-control" datepicker-popup ng-model="dt" is-open="opened" min-date="minDate" max-date="'2020-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>-->
                    </td>

                </tr>
                <tr>
                    <td class="col-sm-2" colspan="2" style="border-bottom:solid;border-top:solid">

                        Allowable Expenses

                    </td>

                </tr>


            </tbody>
        </table>

        <table class="table table-condensed table-responsive borderless">
            <tbody>
                <tr>

                    <td class="col-sm-2">
                        <label>Legal Fee (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtLegalFee" type="number" class="form-control" placeholder="Legal Fee" ng-model="legalFee" tabindex="6" style="width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Agent Commission (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtAgentCommission" type="number" class="form-control" placeholder="Agent Commission" ng-model="agentCommission" tabindex="6" style="width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Administrative Fee (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtLegalFee" type="number" class="form-control" placeholder="Administrative Fee" ng-model="administrationFee" tabindex="6" style="width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Repair & Renovation (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtLegalFee" type="number" class="form-control" placeholder="Repair & Renovation" ng-model="repairFee" tabindex="6" style="width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>
                <tr>

                    <td class="col-sm-2">
                        <label>Other (RM)</label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtLegalFee" type="number" class="form-control" placeholder="Other" ng-model="other" tabindex="6" style="width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>

                <tr style="color:red;border-top-style:solid;border-bottom-style:double">

                    <td class="col-sm-2" style="">
                        <label>Total Expenses </label>
                    </td>

                    <td class="col-sm-10">

                        <input id="txtLegalFee" type="number" class="form-control" ng-model="totalExpensesFee" ng-init="0" disabled style="color:red;width: 100%" ng-change="totalExpenses()" />

                    </td>

                </tr>
                <tr>

                    <td>
                        <button id="btnCalculate" type="button" class="btn waves-effect waves-light subscribe-submit" ng-click="calculate()">Calculate</button>
                    </td>
                </tr>
            </tbody>
        </table>

        <div id="result" ng-show="calFinish">

            <hr />
            <table id='tblRpgt' class='table table-striped table-responsive'>
                <tbody>
                    <tr>
                        <td></td>
                        <td>
                            <h3>Malaysian Citizen/PR</h3>
                        </td>
                        <td>
                            <h3>Company</h3>
                        </td>
                        <td>
                            <h3>Non Citizen/Non-PR</h3>
                        </td>

                    </tr>

                    <tr>
                        <td>
                            Year of ownership
                        </td>
                        <td>
                            {{holdingYear}}
                        </td>
                        <td>
                            {{holdingYear}}
                        </td>
                        <td>
                            {{holdingYear}}
                        </td>

                    </tr>
                    <tr>
                        <td>
                            Gross Property Gain (RM)
                        </td>
                        <td>
                            {{sellingPrice - propertyPrice -totalExpensesFee}}
                        </td>
                        <td>{{sellingPrice - propertyPrice -totalExpensesFee}}</td>
                        <td>{{sellingPrice - propertyPrice -totalExpensesFee}}</td>

                    </tr>
                    <tr>
                        <td>
                            Exemption Waiver (RM)
                        </td>
                        <td>{{exemptionWaiver1}}</td>
                        <td>0</td>
                        <td>0</td>

                    </tr>
                    <tr>
                        <td>
                            RPGT Rate (%)
                        </td>
                        <td> {{rpgtRate1}}</td>
                        <td>{{rpgtRate2}}</td>
                        <td> {{rpgtRate3}}</td>

                    </tr>
                    <tr style="color:red">
                        <td>
                            RPGT Payable (RM)
                        </td>
                        <td> {{rpgt1}}</td>
                        <td>{{rpgt2}}</td>
                        <td> {{rpgt3}}</td>

                    </tr>
                    <tr style="color:red">
                        <td>
                            Net Property Gain (RM)
                        </td>
                        <td> {{netGain1}}</td>
                        <td>{{netGain2}}</td>
                        <td>{{netGain3}}</td>

                    </tr>
                </tbody>
            </table>
        </div>

        <div style="font-size:small">
            Note : Exclude disbursement fee, GST, service tax, and other misc charge. Please consult with your lawyer for more precise details.
        </div>
    </div>
</div>
